<template>
  <div class="app-container">
    <!--搜索栏-->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <!--个人家庭-->
      <el-form-item label="客户号" prop="userInfoId">
        <el-input
          v-model="queryParams.userInfoId"
          placeholder="请输入客户号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>

      <el-form-item label="性别" prop="gender">
        <el-select clearable v-model="queryParams.gender" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="男" value="男"/>
          <el-option key="2" label="女" value="女"/>
        </el-select>
      </el-form-item>

      <el-form-item label="年龄" prop="age">
        <el-select clearable v-model="queryParams.age" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="30岁以下" value="30岁以下"/>
          <el-option key="2" label="30-50岁" value="30-50岁"/>
          <el-option key="3" label="50-60岁" value="50-60岁"/>
          <el-option key="4" label="60-70岁" value="60-70岁"/>
          <el-option key="5" label="70岁以上" value="70岁以上"/>
        </el-select>
      </el-form-item>

      <el-form-item label="是否已加微信" prop="weChat">
        <el-select clearable v-model="queryParams.weChat" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>


      <el-form-item label="方便联系时间" prop="contactTime">
        <el-select clearable v-model="queryParams.contactTime" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="工作日上午" value="工作日上午"/>
          <el-option key="2" label="工作日下午" value="工作日下午"/>
          <el-option key="3" label="工作日晚上" value="工作日晚上"/>
          <el-option key="4" label="休息日上午" value="休息日上午"/>
          <el-option key="5" label="休息日下午" value="休息日下午"/>
          <el-option key="6" label="休息日晚上" value="休息日晚上"/>
        </el-select>
      </el-form-item>


      <el-form-item label="籍贯" prop="nativePlace">
        <el-input
          v-model="queryParams.nativePlace"
          placeholder="请输入籍贯"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户类型" prop="clienType">
        <el-select multiple v-model="queryParams.clienType" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="初出茅庐" value="初出茅庐"/>
          <el-option key="2" label="事业刚刚起步" value="事业刚刚起步"/>
          <el-option key="3" label="事业小有成就" value="事业小有成就"/>
          <el-option key="4" label="中年富有" value="中年富有"/>
          <el-option key="5" label="退休富有" value="退休富有"/>
          <el-option key="6" label="退休不富有" value="退休不富有"/>
          <el-option key="7" label="学生" value="学生"/>
          <el-option key="8" label="家庭主妇" value="家庭主妇"/>
        </el-select>
      </el-form-item>
      <el-form-item label="婚姻状况" prop="marriage">
        <el-select clearable v-model="queryParams.marriage" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="已婚" value="已婚"></el-option>
          <el-option :value="1" label="再婚" value="再婚"></el-option>
          <el-option :value="2" label="未婚" value="未婚"></el-option>
          <el-option :value="3" label="丧偶" value="丧偶"></el-option>
          <el-option :value="4" label="其他" value="其他"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="教育程度" prop="education">
        <el-select multiple v-model="queryParams.education" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="国内" value="国内"></el-option>
          <el-option :value="1" label="国外" value="国外"></el-option>
          <el-option :value="2" label="硕士及以上" value="硕士及以上"></el-option>
          <el-option :value="3" label="本科" value="本科"></el-option>
          <el-option :value="4" label="专科及以下" value="专科及以下"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="核心商品房数量" prop="houseCount">
        <el-select clearable v-model="queryParams.houseCount" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="1套" value="1套"></el-option>
          <el-option :value="1" label="2套" value="2套"></el-option>
          <el-option :value="2" label="3套及以上" value="3套及以上"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="核心商品房来源" prop="houseSource">
        <el-select multiple v-model="queryParams.houseSource" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="父母购置" value="父母购置"></el-option>
          <el-option :value="1" label="自购无贷款" value="自购无贷款"></el-option>
          <el-option :value="2" label="自购有贷款" value="自购有贷款"></el-option>
          <el-option :value="3" label="公积金贷款" value="公积金贷款"></el-option>
          <el-option :value="4" label="商业贷款" value="商业贷款"></el-option>
          <el-option :value="5" label="组合贷" value="组合贷"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="房产1性质" prop="hosueType1">
        <el-select clearable v-model="queryParams.hosueType1" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="高层住宅" value="高层住宅"></el-option>
          <el-option :value="1" label="多层洋房" value="多层洋房"></el-option>
          <el-option :value="2" label="别墅" value="别墅"></el-option>
          <el-option :value="3" label="门市 " value="门市 "></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="小区1名称" prop="houseAddress1">
        <el-input
          v-model="queryParams.houseAddress1"
          placeholder="请输入小区1名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房产2性质" prop="hosueType2">
        <el-select clearable v-model="queryParams.hosueType2" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="高层住宅" value="高层住宅"></el-option>
          <el-option :value="1" label="多层洋房" value="多层洋房"></el-option>
          <el-option :value="2" label="别墅" value="别墅"></el-option>
          <el-option :value="3" label="门市 " value="门市 "></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="小区2名称" prop="houseAddress2">
        <el-input
          v-model="queryParams.houseAddress2"
          placeholder="请输入小区2名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="汽车数量" prop="carCount">
        <el-select clearable v-model="queryParams.carCount" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option :value="0" label="1辆" value="1辆"></el-option>
          <el-option :value="1" label="2辆" value="2辆"></el-option>
          <el-option :value="2" label="3辆及以上" value="3辆及以上"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="汽车购买类型" prop="carSource">
        <el-select clearable v-model="queryParams.carSource" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="全款" value="全款"/>
          <el-option key="2" label="贷款" value="贷款"/>
        </el-select>
      </el-form-item>
      <el-form-item label="汽车种类" prop="carType">
        <el-select clearable v-model="queryParams.carType" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="吉普" value="吉普"/>
          <el-option key="2" label="轿车" value="轿车"/>
          <el-option key="3" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="汽车品牌" prop="carBrank">
        <el-input
          v-model="queryParams.carBrank"
          placeholder="请输入汽车品牌"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="家族病史" prop="medicalHistory">
        <el-select clearable v-model="queryParams.medicalHistory" placeholder="请选择"
                   @keyup.enter.native="handleQuery"
        >
          <el-option key="1" label="无" value="无"/>
          <el-option key="2" label="高血压" value="高血压"/>
          <el-option key="3" label="心脏病" value="心脏病"/>
          <el-option key="4" label="糖尿病" value="糖尿病"/>
          <el-option key="5" label="消化系统疾病" value="消化系统疾病"/>
          <el-option key="6" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="饮食习惯" prop="dietaryHabit">
        <el-input
          v-model="queryParams.dietaryHabit"
          placeholder="请输入饮食习惯"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="锻炼方式" prop="exerciseMethod">
        <el-input
          v-model="queryParams.exerciseMethod"
          placeholder="请输入锻炼方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="兴趣爱好" prop="hobby">
        <el-input
          v-model="queryParams.hobby"
          placeholder="请输入兴趣爱好"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="生活需求" prop="livingNeed">
        <el-input
          v-model="queryParams.livingNeed"
          placeholder="请输入生活需求"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="消费习惯" prop="consumeHabit">
        <el-input
          v-model="queryParams.consumeHabit"
          placeholder="请输入消费习惯"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="脾气性格" prop="temper">
        <el-input
          v-model="queryParams.temper"
          placeholder="请输入脾气性格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出行方式" prop="tripMode">
        <el-input
          v-model="queryParams.tripMode"
          placeholder="请输入出行方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信仰" prop="belief">
        <el-select clearable v-model="queryParams.belief" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="佛教" value="佛教"/>
          <el-option key="2" label="道教" value="道教"/>
          <el-option key="3" label="伊斯兰教" value="伊斯兰教"/>
          <el-option key="4" label="基督教" value="基督教"/>
          <el-option key="5" label="无" value="无"/>
          <el-option key="6" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <!--工作-->
      <el-form-item label="单位名称" prop="companyName">
        <el-input
          v-model="queryParams.companyName"
          placeholder="请输入单位名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="单位地址" prop="address">
        <el-input
          v-model="queryParams.address"
          placeholder="请输入单位地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出差情况" prop="evection">
        <el-select clearable v-model="queryParams.evection" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="出差地点" prop="evectionPlace">
        <el-input
          v-model="queryParams.evectionPlace"
          placeholder="请输入出差地点"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="任职部门" prop="department">
        <el-input
          v-model="queryParams.department"
          placeholder="请输入任职部门"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="职务" prop="companyPost">
        <el-input
          v-model="queryParams.companyPost"
          placeholder="请输入职务"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="岗位级别" prop="level">
        <el-select clearable v-model="queryParams.level" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="单位负责人" value="单位负责人"/>
          <el-option key="2" label="部门负责人" value="部门负责人"/>
          <el-option key="3" label="科室负责人" value="科室负责人"/>
          <el-option key="4" label="一般员工" value="一般员工"/>
        </el-select>
      </el-form-item>
      <el-form-item label="持有因公护照" prop="passport">
        <el-select clearable v-model="queryParams.passport" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="曾去过哪里" prop="haveBeen">
        <el-input
          v-model="queryParams.haveBeen"
          placeholder="请输入曾去过哪里"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="单位性质" prop="companyNature">
        <el-select clearable v-model="queryParams.companyNature" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="机关事业" value="机关事业"/>
          <el-option key="2" label="国有" value="国有"/>
          <el-option key="3" label="外企" value="外企"/>
          <el-option key="4" label="民营" value="民营"/>
          <el-option key="5" label="个体私营" value="个体私营"/>
          <el-option key="6" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="持有签证或曾经去过" prop="country">
        <el-select multiple v-model="queryParams.country" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="美国" value="美国"/>
          <el-option key="2" label="加拿大" value="加拿大"/>
          <el-option key="3" label="英国" value="英国"/>
          <el-option key="4" label="新西兰" value="新西兰"/>
          <el-option key="5" label="申根" value="申根"/>
          <el-option key="6" label="日本" value="日本"/>
          <el-option key="7" label="韩国" value="韩国"/>
          <el-option key="8" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="曾去过哪里" prop="haveBeen">
        <el-input
          v-model="queryParams.haveBeen"
          placeholder="请输入曾去过哪里"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="工作经历" prop="workExperience">
        <el-input
          v-model="queryParams.workExperience"
          placeholder="请输入工作经历"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="生活&人生阅历" prop="life">
        <el-input
          v-model="queryParams.life"
          placeholder="请输入生活&人生阅历"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="工作及学习等情况备注" prop="companyRemark">
        <el-input
          v-model="queryParams.companyRemark"
          placeholder="请输入工作及学习等情况备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户风险评估情况" prop="risk">
        <el-select clearable v-model="queryParams.risk" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="R1保守型" value="R1保守型"/>
          <el-option key="2" label="R2稳健型" value="R2稳健型"/>
          <el-option key="3" label="R3平衡型" value="R3平衡型"/>
          <el-option key="4" label="R4成长型" value="R4成长型"/>
          <el-option key="5" label="R5进取型" value="R5进取型"/>
        </el-select>
      </el-form-item>
      <el-form-item label="重点交叉产品" prop="keyProduct">
        <el-select multiple v-model="queryParams.keyProduct" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="活期存款" value="活期存款"/>
          <el-option key="2" label="定期存款" value="定期存款"/>
          <el-option key="3" label="理财" value="理财"/>
          <el-option key="4" label="基金" value="基金"/>
          <el-option key="5" label="保险" value="保险"/>
          <el-option key="6" label="贵金属" value="贵金属"/>
          <el-option key="7" label="手机银行" value="手机银行"/>
          <el-option key="8" label="证书版网银" value="证书版网银"/>
          <el-option key="9" label="信用卡" value="信用卡"/>
          <el-option key="10" label="个贷" value="个贷"/>
          <el-option key="11" label="三方存管" value="三方存管"/>
          <el-option key="12" label="代发工资" value="代发工资"/>
          <el-option key="13" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="在我行是否有贷款" prop="myLoan">
        <el-select clearable v-model="queryParams.myLoan" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="在我行贷款类别" prop="myLoanReason">
        <el-select multiple v-model="queryParams.myLoanReason" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="一手房按揭" value="一手房按揭"/>
          <el-option key="2" label="二手房按揭" value="二手房按揭"/>
          <el-option key="3" label="房抵贷" value="房抵贷"/>
          <el-option key="4" label="公积金网贷" value="公积金网贷"/>
          <el-option key="5" label="出国留学贷款" value="出国留学贷款"/>
          <el-option key="6" label="其他贷款" value="其他贷款"/>
        </el-select>
      </el-form-item>
      <el-form-item label="在他行是否有贷款" prop="otherLoan">
        <el-select clearable v-model="queryParams.otherLoan" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="在他行贷款类别" prop="otherLoanReason">
        <el-select multiple v-model="queryParams.otherLoanReason" placeholder="请选择"
                   @keyup.enter.native="handleQuery"
        >
          <el-option key="1" label="一手房按揭" value="一手房按揭"/>
          <el-option key="2" label="二手房按揭" value="二手房按揭"/>
          <el-option key="3" label="房抵贷" value="房抵贷"/>
          <el-option key="4" label="公积金网贷" value="公积金网贷"/>
          <el-option key="5" label="出国留学贷款" value="出国留学贷款"/>
          <el-option key="6" label="其他贷款" value="其他贷款"/>
        </el-select>
      </el-form-item>
      <el-form-item label="信用卡张数" prop="creditCardCount">
        <el-select clearable v-model="queryParams.creditCardCount" placeholder="请选择"
                   @keyup.enter.native="handleQuery"
        >
          <el-option key="1" label="0张" value="0张"/>
          <el-option key="2" label="1-3张" value="1-3张"/>
          <el-option key="3" label="3张以上" value="3张以上"/>
        </el-select>
      </el-form-item>
      <el-form-item label="卡基类别" prop="creditCardType">
        <el-select clearable v-model="queryParams.creditCardType" placeholder="请选择"
                   @keyup.enter.native="handleQuery"
        >
          <el-option key="1" label="普卡" value="普卡"/>
          <el-option key="2" label="金卡" value="金卡"/>
          <el-option key="3" label="白金卡" value="白金卡"/>
          <el-option key="4" label="HI CARD卡" value="HI CARD卡"/>
        </el-select>
      </el-form-item>
      <el-form-item label="主要在用它行信用卡情况" prop="situation">
        <el-input
          v-model="queryParams.situation"
          placeholder="请输入主要在用它行信用卡情况"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信用卡关注点" prop="focus">
        <el-select multiple v-model="queryParams.focus" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="费用优惠" value="费用优惠"/>
          <el-option key="2" label="特色权益" value="特色权益"/>
          <el-option key="3" label="卡面设计" value="卡面设计"/>
          <el-option key="4" label="增值服务" value="增值服务"/>
          <el-option key="5" label="安全便捷" value="安全便捷"/>
          <el-option key="6" label="功能优越" value="功能优越"/>
          <el-option key="7" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="借记卡" prop="debitCardType">
        <el-select clearable v-model="queryParams.debitCardType" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="普卡" value="普卡"/>
          <el-option key="2" label="金卡" value="金卡"/>
          <el-option key="3" label="白金卡" value="白金卡"/>
          <el-option key="4" label="钻石卡" value="钻石卡"/>
          <el-option key="5" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="他行卡主办行" prop="otherBank">
        <el-select clearable v-model="queryParams.otherBank" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="工商银行" value="工商银行"/>
          <el-option key="2" label="农业银行" value="农业银行"/>
          <el-option key="3" label="中国银行" value="中国银行"/>
          <el-option key="4" label="建设银行" value="建设银行"/>
          <el-option key="5" label="交通银行" value="交通银行"/>
          <el-option key="6" label="招商银行" value="招商银行"/>
          <el-option key="7" label="中信银行" value="中信银行"/>
          <el-option key="8" label="光大银行" value="光大银行"/>
          <el-option key="9" label="兴业银行" value="兴业银行"/>
          <el-option key="10" label="广发银行" value="广发银行"/>
          <el-option key="11" label="浦发银行" value="浦发银行"/>
          <el-option key="12" label="华夏银行" value="华夏银行"/>
          <el-option key="13" label="平安银行" value="平安银行"/>
          <el-option key="14" label="浙商银行" value="浙商银行"/>
          <el-option key="15" label="民生银行" value="民生银行"/>
          <el-option key="16" label="盛京银行" value="盛京银行"/>
          <el-option key="17" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="是否借贷关联" prop="loanRelevant">
        <el-select clearable v-model="queryParams.loanRelevant" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="绑定情况" prop="bind">
        <el-select clearable v-model="queryParams.bind" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="支付绑定银行卡机构" prop="bindInstitution">
        <el-select clearable v-model="queryParams.bindInstitution" placeholder="请选择"
                   @keyup.enter.native="handleQuery"
        >
          <el-option key="1" label="工商银行" value="工商银行"/>
          <el-option key="2" label="农业银行" value="农业银行"/>
          <el-option key="3" label="中国银行" value="中国银行"/>
          <el-option key="4" label="建设银行" value="建设银行"/>
          <el-option key="5" label="交通银行" value="交通银行"/>
          <el-option key="6" label="招商银行" value="招商银行"/>
          <el-option key="7" label="中信银行" value="中信银行"/>
          <el-option key="8" label="光大银行" value="光大银行"/>
          <el-option key="9" label="兴业银行" value="兴业银行"/>
          <el-option key="10" label="广发银行" value="广发银行"/>
          <el-option key="11" label="浦发银行" value="浦发银行"/>
          <el-option key="12" label="华夏银行" value="华夏银行"/>
          <el-option key="13" label="平安银行" value="平安银行"/>
          <el-option key="14" label="浙商银行" value="浙商银行"/>
          <el-option key="15" label="民生银行" value="民生银行"/>
          <el-option key="16" label="盛京银行" value="盛京银行"/>
          <el-option key="17" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="存款" prop="depositType">
        <el-select multiple v-model="queryParams.depositType" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="活期" value="活期"/>
          <el-option key="2" label="定期" value="定期"/>
          <el-option key="3" label="结构性" value="结构性"/>
          <el-option key="4" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="理财" prop="moneyManage">
        <el-select multiple v-model="queryParams.moneyManage" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="预期收益型" value="预期收益型"/>
          <el-option key="2" label="净值型" value="净值型"/>
          <el-option key="3" label="结构型" value="结构型"/>
          <el-option key="4" label="灵活型" value="灵活型"/>
        </el-select>
      </el-form-item>
      <el-form-item label="信托等其他代销产品" prop="trust">
        <el-select clearable v-model="queryParams.trust" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="是" value="是"/>
          <el-option key="2" label="否" value="否"/>
        </el-select>
      </el-form-item>
      <el-form-item label="基金" prop="fund">
        <el-select multiple v-model="queryParams.fund" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="货币型" value="货币型"/>
          <el-option key="2" label="混合型" value="混合型"/>
          <el-option key="3" label="指数型" value="指数型"/>
          <el-option key="4" label="股票型" value="股票型"/>
          <el-option key="5" label="私募" value="私募"/>
          <el-option key="6" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="保险" prop="insurance">
        <el-select multiple v-model="queryParams.insurance" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="期交型" value="期交型"/>
          <el-option key="2" label="趸交型" value="趸交型"/>
          <el-option key="3" label="年金型" value="年金型"/>
          <el-option key="4" label="分红型" value="分红型"/>
          <el-option key="5" label="重疾型" value="重疾型"/>
          <el-option key="6" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="已持有保险产品保险公司" prop="insuranceCompany">
        <el-input
          v-model="queryParams.insuranceCompany"
          placeholder="请输入已持有保险产品保险公司"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贵金属" prop="nobleMetal">
        <el-select clearable v-model="queryParams.nobleMetal" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="金条" value="金条"/>
          <el-option key="2" label="收藏类投资型" value="收藏类投资型"/>
          <el-option key="3" label="饰品型" value="饰品型"/>
          <el-option key="4" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="偏爱活动主题" prop="activity">
        <el-select multiple v-model="queryParams.activity" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option key="1" label="财富管理" value="财富管理"/>
          <el-option key="2" label="亲子教育" value="亲子教育"/>
          <el-option key="3" label="健康管理" value="健康管理"/>
          <el-option key="4" label="文艺活动" value="文艺活动"/>
          <el-option key="5" label="体育运动" value="体育运动"/>
          <el-option key="6" label="升学留学" value="升学留学"/>
          <el-option key="7" label="形象提升" value="形象提升"/>
          <el-option key="8" label="专业咨询" value="专业咨询"/>
          <el-option key="9" label="其他" value="其他"/>
        </el-select>
      </el-form-item>
      <el-form-item label="金融产品覆盖情况备注" prop="productRemark">
        <el-input
          v-model="queryParams.productRemark"
          placeholder="请输入金融产品覆盖情况备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户标签" prop="label">
        <!--        <el-select multiple v-model="queryParams.label" placeholder="请选择" @keyup.enter.native="handleQuery">-->
        <el-select crearable v-model="queryParams.label" placeholder="请选择" @keyup.enter.native="handleQuery">
          <el-option
            v-for="item in labelsList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="用户昵称" prop="nickName" v-if="hasPermission(['admin','bankadmin','fenhangfuhe','fenhangjingban','zhihangManager'])">
        <el-input
          v-model="queryParams.nickName"
          placeholder="请输入用户昵称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
<!--shiro:hasRole="admin,bankadmin,fenhangfuhe,fenhangjingban"-->
      <el-form-item style="margin-left: 100px">
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!--按钮-->
    <el-row :gutter="10" class="mb8">
      <!--      <el-col :span="1.5">-->
      <!--        <el-button-->
      <!--          type="primary"-->
      <!--          plain-->
      <!--          icon="el-icon-plus"-->
      <!--          size="mini"-->
      <!--          @click="handleAdd"-->
      <!--          v-hasPermi="['kycinfo:userinfo:add']"-->
      <!--        >新增-->
      <!--        </el-button>-->
      <!--      </el-col>-->
      <!--      <el-col :span="1.5">-->
      <!--        <el-button-->
      <!--          type="success"-->
      <!--          plain-->
      <!--          icon="el-icon-edit"-->
      <!--          size="mini"-->
      <!--          :disabled="single"-->
      <!--          @click="handleUpdate"-->
      <!--          v-hasPermi="['kycinfo:userinfo:edit']"-->
      <!--        >修改-->
      <!--        </el-button>-->
      <!--      </el-col>-->
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-has-Permi="['kycinfo:userinfo:remove']"
        >删除
        </el-button>
      </el-col>
      <!--      <el-col :span="1.5">-->
      <!--        <el-button-->
      <!--          type="warning"-->
      <!--          plain-->
      <!--          icon="el-icon-download"-->
      <!--          size="mini"-->
      <!--          @click="handleExport"-->
      <!--          v-hasPermi="['kycinfo:userinfo:export']"-->
      <!--        >导出-->
      <!--        </el-button>-->
      <!--      </el-col>-->
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-upload"
          size="mini"
          @click="handleImport"
          v-has-Permi="['kycinfo:userinfo:import']"
        >客户信息导入
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-upload"
          size="mini"
          @click="handleImport1"
          v-has-Permi="['kycinfo:userinfo:financeImport']"
        >金融信息导入
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="outputUser = true"
          v-has-permi="['kycinfo:userinfo:export']"
        >客户信息导出
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-upload"
          size="mini"
          @click="handleImport2"
          v-has-Permi="['kycinfo:userinfo:changeImport']"
        >客户关系修改
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-plus"
          size="mini"
          :disabled="multiple"
          @click="dialogFormVisible = true"
          v-has-Permi="['kycinfo:userinfo:label']"
        >添加标签
        </el-button>
      </el-col>



      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!--表格-->
    <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column type="index" label="序号" align="center"/>
      <el-table-column label="客户号" align="center" prop="userInfoId"/>
      <el-table-column label="姓名" align="center" prop="name"/>
      <el-table-column label="性别" align="center" prop="gender"/>
      <el-table-column label="年龄" align="center" prop="age"/>
      <el-table-column label="是否已加微信" align="center" prop="weChat"/>
      <el-table-column label="方便联系时间" align="center" prop="contactTime"/>
      <el-table-column label="籍贯" align="center" prop="nativePlace"/>
      <el-table-column label="客户类型" align="center" prop="clienType"/>
      <el-table-column label="婚姻状况" align="center" prop="marriage"/>
      <el-table-column label="教育程度" align="center" prop="education"/>
      <!--      <el-table-column label="偏爱活动主题" align="center" prop="activity"/>-->
      <!-- <el-table-column label="汽车数量" align="center" prop="carCount"/> -->

      <el-table-column label="用户编号" align="center" prop="userId"/>
      <el-table-column label="用户昵称" align="center" prop="nickName"/>

      <el-table-column label="备注" align="center" prop="remark"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-tickets"
            @click="handleDetail(scope.row)"
            v-hasPermi="['kycinfo:userinfo:query']"
          >详情
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['kycinfo:userinfo:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['kycinfo:userinfo:remove']"
          >删除
          </el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!--个人基本信息-->
    <el-dialog title="个人家庭情况" :visible.sync="openDetailFamily" :show-close="true" append-to-body>
      <el-descriptions ref="form" :model="form" :rules="rules" label-width="100px" border>
        <el-descriptions-item label="客户号" prop="userInfoId">
          {{ this.kycUserInfoId }}
        </el-descriptions-item>
        <el-descriptions-item label="姓名">
          {{ this.form.name }}
        </el-descriptions-item>
        <el-descriptions-item label="性别">
          {{ this.form.gender }}
        </el-descriptions-item>
        <el-descriptions-item label="年龄">
          {{ this.form.age }}
        </el-descriptions-item>
        <el-descriptions-item label="是否已加微信">
          {{ this.form.weChat }}
        </el-descriptions-item>
        <el-descriptions-item label="方便联系时间">
          {{ this.form.contactTime }}
        </el-descriptions-item>
        <el-descriptions-item label="籍贯">
          {{ this.form.nativePlace }}
        </el-descriptions-item>
        <el-descriptions-item label="客户类型">
          {{ this.form.clienType }}
        </el-descriptions-item>
        <el-descriptions-item label="婚姻状况">
          {{ this.form.marriage }}
        </el-descriptions-item>
        <el-descriptions-item label="教育程度">
          {{ this.form.education }}
        </el-descriptions-item>
        <el-descriptions-item label="核心商品房数量">
          {{ this.form.houseCount }}
        </el-descriptions-item>
        <el-descriptions-item label="核心商品房来源">
          {{ this.form.houseSource }}
        </el-descriptions-item>
        <el-descriptions-item label="汽车数量">
          {{ this.form.carCount }}
        </el-descriptions-item>
        <el-descriptions-item label="汽车来源">
          {{ this.form.carSource }}
        </el-descriptions-item>
        <el-descriptions-item label="家庭病史">
          {{ this.form.dietaryHabit }}
        </el-descriptions-item>
        <el-descriptions-item label="锻炼方式">
          {{ this.form.exerciseMethod }}
        </el-descriptions-item>
        <el-descriptions-item label="家庭病史">
          {{ this.form.medicalHistory }}
        </el-descriptions-item>
        <el-descriptions-item label="兴趣爱好">
          {{ this.form.hobby }}
        </el-descriptions-item>
        <el-descriptions-item label="生活需求">
          {{ this.form.livingNeed }}
        </el-descriptions-item>
        <el-descriptions-item label="消费习惯">
          {{ this.form.consumeHabit }}
        </el-descriptions-item>
        <el-descriptions-item label="脾气性格">
          {{ this.form.temper }}
        </el-descriptions-item>
        <el-descriptions-item label="出行方式">
          {{ this.form.tripMode }}
        </el-descriptions-item>
        <el-descriptions-item label="信仰">
          {{ this.form.belief }}
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{ this.form.remark }}
        </el-descriptions-item>
      </el-descriptions>
      <div slot="footer" class="dialog-footer">
        <!--        <el-button type="primary" @click="openDetailWork = true,openDetailFamily = false">下一页</el-button>-->
        <el-button type="primary" @click="openWork">下一页</el-button>
      </div>
    </el-dialog>

    <!--工作信息-->
    <el-dialog title="工作及学习等情况" :visible.sync="openDetailWork" append-to-body>
      <el-descriptions ref="form" :model="form" :rules="rules" label-width="100px" border :column="2">
        <!--        <el-descriptions-item label="单位编号" prop="workId">-->
        <!--          {{this.form.workId}}-->
        <!--        </el-descriptions-item>-->
        <el-descriptions-item label="客户号" span="2" prop="userInfoId">
          {{ this.kycUserInfoId }}
        </el-descriptions-item>
        <el-descriptions-item label="单位名称" span="2" prop="companyName">
          {{ this.form.companyName }}
        </el-descriptions-item>
        <el-descriptions-item label="单位地址" span="2">
          {{ this.form.address }}
        </el-descriptions-item>
        <el-descriptions-item label="出差情况" :contentStyle="contentStyle" :labelStyle="labelStyle">
          {{ this.form.evection }}
        </el-descriptions-item>
        <el-descriptions-item label="出差地点" :contentStyle="contentStyle" :labelStyle="labelStyle">
          {{ this.form.evectionPlace }}
        </el-descriptions-item>
        <el-descriptions-item label="任职部门">
          {{ this.form.department }}
        </el-descriptions-item>
        <el-descriptions-item label="职务">
          {{ this.form.companyPost }}
        </el-descriptions-item>
        <el-descriptions-item label="岗位级别">
          {{ this.form.level }}
        </el-descriptions-item>
        <el-descriptions-item label="持有因公护照">
          {{ this.form.passport }}
        </el-descriptions-item>
        <el-descriptions-item label="曾去过哪里">
          {{ this.form.haveBeen }}
        </el-descriptions-item>
        <el-descriptions-item label="单位性质">
          {{ this.form.companyNature }}
        </el-descriptions-item>
        <el-descriptions-item label="持有签证或曾经去过">
          {{ this.form.country }}
        </el-descriptions-item>
        <el-descriptions-item label="工作经历">
          {{ this.form.workExperience }}
        </el-descriptions-item>
        <el-descriptions-item label="生活&人生阅历">
          {{ this.form.life }}
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{ this.form.companyRemark }}
        </el-descriptions-item>
      </el-descriptions>
      <div slot="footer" class="dialog-footer">
        <!--        <el-button type="primary" @click="openDetailFamily = true,openDetailWork = false">上一页</el-button>-->
        <el-button type="primary" @click="openUserInfo">上一页</el-button>
        <!--        <el-button type="primary" @click="openDetailProduce = true,openDetailWork = false">下一页</el-button>-->
        <el-button type="primary" @click="openProduct">下一页</el-button>
      </div>
    </el-dialog>

    <!--金融产品信息-->
    <el-dialog title="金融产品覆盖情况" :visible.sync="openDetailProduce" append-to-body :column="3">
      <el-descriptions ref="form" :model="form" :rules="rules" label-width="100px" border>
        <!--        <el-descriptions-item label="单位编号" prop="workId">-->
        <!--          {{this.form.workId}}-->
        <!--        </el-descriptions-item>-->
        <el-descriptions-item label="客户号">
          {{ this.kycUserInfoId }}
        </el-descriptions-item>
        <el-descriptions-item label="客户风险评估情况">
          {{ this.form.risk }}
        </el-descriptions-item>
        <el-descriptions-item label="重点交叉产品">
          {{ this.form.keyProduct }}
        </el-descriptions-item>
        <el-descriptions-item label="在我行是否有贷款">
          {{ this.form.myLoan }}
        </el-descriptions-item>
        <el-descriptions-item label="贷款原因">
          {{ this.form.myLoanReason }}
        </el-descriptions-item>
        <el-descriptions-item label="在他行是否有贷款">
          {{ this.form.otherLoan }}
        </el-descriptions-item>
        <el-descriptions-item label="贷款原因">
          {{ this.form.otherLoanReason }}
        </el-descriptions-item>
        <el-descriptions-item label="信用卡张数">
          {{ this.form.creditCardCount }}
        </el-descriptions-item>
        <el-descriptions-item label="卡基类别">
          {{ this.form.creditCardType }}
        </el-descriptions-item>
        <el-descriptions-item label="主要在用他行卡情况">
          {{ this.form.situation }}
        </el-descriptions-item>
        <el-descriptions-item label="关注点">
          {{ this.form.focus }}
        </el-descriptions-item>
        <el-descriptions-item label="借记卡类别">
          {{ this.form.debitCardType }}
        </el-descriptions-item>
        <el-descriptions-item label="他行卡主办行">
          {{ this.form.otherBank }}
        </el-descriptions-item>
        <el-descriptions-item label="是否借贷关联">
          {{ this.form.loanRelevant }}
        </el-descriptions-item>
        <el-descriptions-item label="绑定情况">
          {{ this.form.bind }}
        </el-descriptions-item>
        <el-descriptions-item label="支付绑定银行卡机构">
          {{ this.form.bindInstitution }}
        </el-descriptions-item>
        <el-descriptions-item label="存款类型">
          {{ this.form.depositType }}
        </el-descriptions-item>
        <el-descriptions-item label="理财类型">
          {{ this.form.moneyManage }}
        </el-descriptions-item>
        <el-descriptions-item label="信托等其他代销产品">
          {{ this.form.trust }}
        </el-descriptions-item>
        <el-descriptions-item label="基金">
          {{ this.form.fund }}
        </el-descriptions-item>
        <el-descriptions-item label="保险">
          {{ this.form.insurance }}
        </el-descriptions-item>
        <el-descriptions-item label="已持有保险产品保险公司">
          {{ this.form.insuranceCompany }}
        </el-descriptions-item>
        <el-descriptions-item label="贵金属">
          {{ this.form.nobleMetal }}
        </el-descriptions-item>
        <el-descriptions-item label="偏爱活动主题">
          {{ this.form.activity }}
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{ this.form.productRemark }}
        </el-descriptions-item>
      </el-descriptions>
      <div slot="footer" class="dialog-footer">
        <!--        <el-button type="primary" @click="openDetailFamily = true,openDetailWork = false">上一页</el-button>-->
        <el-button type="primary" @click="openWork">上一页</el-button>
        <!--        <el-button type="primary" @click="openDetailProduce = true,openDetailWork = false">下一页</el-button>-->
        <el-button type="primary" @click="openFinance">下一页</el-button>
      </div>
    </el-dialog>

    <!--金融信息-->
    <el-dialog title="金融信息" :visible.sync="openDetailFinance" append-to-body>
      <el-descriptions ref="form" :model="form" :rules="rules" label-width="100px" border :column="2">
        <el-descriptions-item label="客户号">
          {{ this.kycUserInfoId }}
        </el-descriptions-item>
        <el-descriptions-item label="财富资产年日均">
          {{ this.form.annAssetAver }}
        </el-descriptions-item>
        <el-descriptions-item label="财富资产月日均">
          {{ this.form.monAssetAver }}
        </el-descriptions-item>
        <el-descriptions-item label="存款年日均">
          {{ this.form.annDepositAver }}
        </el-descriptions-item>
        <el-descriptions-item label="存款月日均">
          {{ this.form.monDepositAver }}
        </el-descriptions-item>
        <el-descriptions-item label="信托年日均">
          {{ this.form.annTrustAver }}
        </el-descriptions-item>
        <el-descriptions-item label="信托月日均">
          {{ this.form.monTrustAver }}
        </el-descriptions-item>
        <el-descriptions-item label="保险年日均">
          {{ this.form.annInsuranceAver }}
        </el-descriptions-item>
        <el-descriptions-item label="保险月日均">
          {{ this.form.monInsuranceAver }}
        </el-descriptions-item>
        <el-descriptions-item label="基金年日均">
          {{ this.form.annFundAver }}
        </el-descriptions-item>
        <el-descriptions-item label="基金月日均">
          {{ this.form.monFundAver }}
        </el-descriptions-item>
        <el-descriptions-item label="个人贷款余额">
          {{ this.form.loanBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="财富资产余额">
          {{ this.form.assetBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="存款余额">
          {{ this.form.depositBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="信托余额">
          {{ this.form.trustBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="基金余额">
          {{ this.form.fundBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="是否有效客户">
          {{ this.form.isValid }}
        </el-descriptions-item>
        <el-descriptions-item label="当月中高端评级">
          {{ this.form.currentRate }}
        </el-descriptions-item>
        <el-descriptions-item label="信用卡透支余额">
          {{ this.form.overdraftBalance }}
        </el-descriptions-item>
        <el-descriptions-item label="过去12个月客户动账次数">
          {{ this.form.movementsCount }}
        </el-descriptions-item>
      </el-descriptions>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="openProduct">上一页</el-button>
        <!--        <el-button type="primary" @click="showLastPageMessage">下一页</el-button>-->
        <el-button type="primary" @click="closeDetail">关闭</el-button>
      </div>
    </el-dialog>


    <!-- 添加或修改个人家庭情况对话框 -->
    <el-dialog :title="title" :visible.sync="openEdit" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
        <el-row>
          <el-col :span="6">
            <el-form-item label="客户号" prop="userInfoId">
              <el-input v-model="kycUserInfo.userInfoId" placeholder="请输入客户号"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="姓名" prop="name">
              <el-input v-model="kycUserInfo.name" placeholder="请输入姓名"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item prop="gender" label="性别">
              <el-select v-model="kycUserInfo.gender">
                <el-option :value="'男'" label="男"></el-option>
                <el-option :value="'女'" label="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="kycUserInfo.age" placeholder="请输入年龄"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="是否已加微信" prop="weChat">
              <el-select v-model="kycUserInfo.weChat">
                <el-option :value="'是'" label="是"></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item prop="contactTime" label="方便联系时间">
              <el-select v-model="kycUserInfo.contactTime">
                <el-option key="1" label="工作日上午" value="工作日上午"/>
                <el-option key="2" label="工作日下午" value="工作日下午"/>
                <el-option key="3" label="工作日晚上" value="工作日晚上"/>
                <el-option key="4" label="休息日上午" value="休息日上午"/>
                <el-option key="5" label="休息日下午" value="休息日下午"/>
                <el-option key="6" label="休息日晚上" value="休息日晚上"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="籍贯" prop="nativePlace">
              <el-input v-model="kycUserInfo.nativePlace" placeholder="请输入籍贯"/>
            </el-form-item>
          </el-col>

          <el-col :span="18">
            <el-form-item label="客户类型" prop="clienType">
              <el-checkbox-group v-model="clienTypeArray" size="medium">
                <el-checkbox v-for="(item, index) in clienTypeOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="其他" prop="clienTypeOther">
              <el-input v-if="clienTypeArray.includes('其他')" v-model="kycUserInfo.clienTypeOther" placeholder="请输入其他客户类型"></el-input>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="婚姻状况" prop="marriage">
              <el-select v-model="kycUserInfo.marriage">
                <el-option :value="'已婚'" label="已婚"></el-option>
                <el-option :value="'再婚'" label="再婚"></el-option>
                <el-option :value="'未婚'" label="未婚"></el-option>
                <el-option :value="'丧偶'" label="丧偶"></el-option>
                <el-option :value="'其他'" label="其他"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="16">
            <el-form-item label="教育程度" prop="education">
              <el-checkbox-group v-model="educationArray" size="medium">
                <el-checkbox v-for="(item, index) in educationOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="核心商品房数量" prop="houseCount">
              <el-input-number v-model="kycUserInfo.houseCount" @change="handleChange" label="请输入核心商品房数量"
                               size="small"
              ></el-input-number>
            </el-form-item>
          </el-col>

          <el-col :span="18">
            <el-form-item label="购买类型" prop="houseSource">
              <el-checkbox-group v-model="houseSourceArray" size="medium">
                <el-checkbox v-for="(item, index) in houseSourceOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <el-form-item label="房产1性质" prop="hosueType1">
              <el-select v-model="kycUserInfo.hosueType1">
                <el-option :value="'高层住宅'" label="高层住宅" value="高层住宅"></el-option>
                <el-option :value="'多层洋房'" label="多层洋房" value="多层洋房"></el-option>
                <el-option :value="'别墅'" label="别墅" value="别墅"></el-option>
                <el-option :value="'门市'" label="门市 " value="门市 "></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="小区1名称" prop="houseAddress1">
              <el-input v-model="kycUserInfo.houseAddress1" placeholder="请输入小区1名称"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="房产2性质" prop="hosueType2">
              <el-select v-model="kycUserInfo.hosueType2">
                <el-option :value="'高层住宅'" label="高层住宅" value="高层住宅"></el-option>
                <el-option :value="'多层洋房'" label="多层洋房" value="多层洋房"></el-option>
                <el-option :value="'别墅'" label="别墅" value="别墅"></el-option>
                <el-option :value="'门市'" label="门市 " value="门市 "></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="小区2名称" prop="houseAddress2">
              <el-input v-model="kycUserInfo.houseAddress2" placeholder="请输入小区2名称"/>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="汽车数量" prop="carCount">
              <el-input-number v-model="kycUserInfo.carCount" @change="handleChange" label="请输入汽车数量"
                               size="small"
              ></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="汽车购买类型" prop="carSource">
              <el-select v-model="kycUserInfo.carSource">
                <el-option :value="'全款'" label="全款"></el-option>
                <el-option :value="'贷款'" label="贷款"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="汽车种类" prop="carType">
              <el-checkbox-group v-model="carTypeArray" size="medium">
                <el-checkbox v-for="(item, index) in carTypeOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
<!--          <el-col :span="12">-->
<!--            <el-form-item label="其他" prop="cartypelistOther">-->
<!--              <el-input v-model="kycUserInfo.cartypelistOther" placeholder="请输入其他"/>-->
<!--            </el-form-item>-->
<!--          </el-col>-->


          <el-col :span="12">
            <el-form-item label="汽车品牌" prop="carBrank">
              <el-input v-model="kycUserInfo.carBrank" placeholder="请输入汽车品牌"/>
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭成员1" prop="familyName">
              <el-input v-model="kycFamilyList[0].familyName" placeholder="请输入家庭成员1"
                        @input="updateFamilyList(0, 'familyName', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="关系" prop="relationship">
              <el-input v-model="kycFamilyList[0].relationship" placeholder="请输入关系"
                        @input="updateFamilyList(0, 'relationship', $event)"
              />

            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职业" prop="occupation">
              <el-input v-model="kycFamilyList[0].occupation" placeholder="请输入职业"
              @input="updateFamilyList(0, 'occupation', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职务" prop="familyPost">
              <el-input v-model="kycFamilyList[0].familyPost" placeholder="请输入职务"
              @input="updateFamilyList(0, 'familyPost', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="是否为我行客户" prop="myClient" label-width="150px">
              <el-select v-model="kycFamilyList[0].myClient"  @change="handleMyClientChange($event, 0)">
                <el-option :value="'是'" label="是" ></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生日" prop="familyBirth" label-width="40px">
              <el-date-picker
              v-model="kycFamilyList[0].familyBirth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{width: '100%'}"
              placeholder="请选择生日"
              clearable
              @input="updateFamilyBirth($event, 0)"
              ></el-date-picker>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="爱好/习惯" prop="familyHobby">
              <el-input v-model="kycFamilyList[0].familyHobby" placeholder="请输入爱好/习惯"
              @input ="updateFamilyList(0, 'familyHobby', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="备注" prop="familyRemark">
              <el-input v-model="kycFamilyList[0].familyRemark" placeholder="请输入备注"
              @input ="updateFamilyList(0, 'familyRemark', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭成员2" prop="familyName">
              <el-input v-model="kycFamilyList[1].familyName" placeholder="请输入家庭成员2"
              @input ="updateFamilyList(1, 'familyName', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="关系" prop="relationship">
              <el-input v-model="kycFamilyList[1].relationship" placeholder="请输入关系"
              @input ="updateFamilyList(1, 'relationship', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职业" prop="occupation">
              <el-input v-model="kycFamilyList[1].occupation" placeholder="请输入职业"
              @input ="updateFamilyList(1, 'occupation', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职务" prop="familyPost">
              <el-input v-model="kycFamilyList[1].familyPost" placeholder="请输入职务"
              @input ="updateFamilyList(1, 'familyPost', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="是否为我行客户" prop="myClient" label-width="150px">
              <el-select v-model="kycFamilyList[1].myClient"  @change="handleMyClientChange($event, 1)">
                <el-option :value="'是'" label="是" ></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生日" prop="familyBirth" label-width="40px">
              <el-date-picker
              v-model="kycFamilyList[1].familyBirth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{width: '100%'}"
              placeholder="请选择生日"
              clearable
              @input="updateFamilyBirth($event, 1)"
              ></el-date-picker>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="爱好/习惯" prop="familyHobby">
              <el-input v-model="kycFamilyList[1].familyHobby" placeholder="请输入爱好/习惯"
              @input ="updateFamilyList(1, 'familyHobby', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="备注" prop="familyRemark">
              <el-input v-model="kycFamilyList[1].familyRemark" placeholder="请输入备注"
              @input ="updateFamilyList(1, 'familyRemark', $event)"

              />
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭成员3" prop="familyName">
              <el-input v-model="kycFamilyList[2].familyName" placeholder="请输入家庭成员3"
              @input ="updateFamilyList(2, 'familyName', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="关系" prop="relationship">
              <el-input v-model="kycFamilyList[2].relationship" placeholder="请输入关系"
              @input ="updateFamilyList(2, 'relationship', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职业" prop="occupation">
              <el-input v-model="kycFamilyList[2].occupation" placeholder="请输入职业"
              @input ="updateFamilyList(2, 'occupation', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职务" prop="familyPost">
              <el-input v-model="kycFamilyList[2].familyPost" placeholder="请输入职务"
              @input ="updateFamilyList(2, 'familyPost', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="是否为我行客户" prop="myClient" label-width="150px">
              <el-select v-model="kycFamilyList[2].myClient"  @change="handleMyClientChange($event, 2)">
                <el-option :value="'是'" label="是"></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生日" prop="familyBirth" label-width="40px">
              <el-date-picker
              v-model="kycFamilyList[2].familyBirth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{width: '100%'}"
              placeholder="请选择生日"
              clearable
              @input="updateFamilyBirth($event, 2)"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="爱好/习惯" prop="familyHobby">
              <el-input v-model="kycFamilyList[2].familyHobby" placeholder="请输入爱好/习惯"
              @input ="updateFamilyList(2, 'familyHobby', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="备注" prop="familyRemark">
              <el-input v-model="kycFamilyList[2].familyRemark" placeholder="请输入备注"
              @input ="updateFamilyList(2, 'familyRemark', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭成员4" prop="familyName">
              <el-input v-model="kycFamilyList[3].familyName" placeholder="请输入家庭成员4"
              @input ="updateFamilyList(3, 'familyName', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="关系" prop="relationship">
              <el-input v-model="kycFamilyList[3].relationship" placeholder="请输入关系"
              @input ="updateFamilyList(3, 'relationship', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职业" prop="occupation">
              <el-input v-model="kycFamilyList[3].occupation" placeholder="请输入职业"
              @input ="updateFamilyList(3, 'occupation', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职务" prop="familyPost">
              <el-input v-model="kycFamilyList[3].familyPost" placeholder="请输入职务"
              @input ="updateFamilyList(3, 'familyPost', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="是否为我行客户" prop="myClient" label-width="150px">
              <el-select v-model="kycFamilyList[3].myClient"  @change="handleMyClientChange($event, 3)">
                <el-option :value="'是'" label="是"></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生日" prop="familyBirth" label-width="40px">
              <el-date-picker
              v-model="kycFamilyList[3].familyBirth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{width: '100%'}"
              placeholder="请选择生日"
              clearable
              @input="updateFamilyBirth($event, 3)"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="爱好/习惯" prop="familyHobby">
              <el-input v-model="kycFamilyList[3].familyHobby" placeholder="请输入爱好/习惯"
              @input ="updateFamilyList(3, 'familyHobby', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="备注" prop="familyRemark">
              <el-input v-model="kycFamilyList[3].familyRemark" placeholder="请输入备注"
              @input ="updateFamilyList(3, 'familyRemark', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭成员5" prop="familyName">
              <el-input v-model="kycFamilyList[4].familyName" placeholder="请输入家庭成员4"
              @input ="updateFamilyList(4, 'familyName', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="关系" prop="relationship">
              <el-input v-model="kycFamilyList[4].relationship" placeholder="请输入关系"
              @input ="updateFamilyList(4, 'relationship', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职业" prop="occupation">
              <el-input v-model="kycFamilyList[4].occupation" placeholder="请输入职业"
              @input ="updateFamilyList(4, 'occupation', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="职务" prop="familyPost">
              <el-input v-model="kycFamilyList[4].familyPost" placeholder="请输入职务"
              @input ="updateFamilyList(4, 'familyPost', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="是否为我行客户" prop="myClient" label-width="150px">
              <el-select v-model="kycFamilyList[4].myClient"  @change="handleMyClientChange($event, 4)">
                <el-option :value="'是'" label="是"></el-option>
                <el-option :value="'否'" label="否"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生日" prop="familyBirth" label-width="40px">
              <el-date-picker
              v-model="kycFamilyList[4].familyBirth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{width: '100%'}"
              placeholder="请选择生日"
              clearable
              @input="updateFamilyBirth($event, 4)"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="爱好/习惯" prop="familyHobby">
              <el-input v-model="kycFamilyList[4].familyHobby" placeholder="请输入爱好/习惯"
              @input ="updateFamilyList(4, 'familyHobby', $event)"
              />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="备注" prop="familyRemark">
              <el-input v-model="kycFamilyList[4].familyRemark" placeholder="请输入备注"
              @input ="updateFamilyList(4, 'familyRemark', $event)"
              />
            </el-form-item>
          </el-col>
        </el-row>


        <!-- <el-form-item label="健康状况" prop="health">
          <el-input v-model="kycUserInfo.health" placeholder="请输入健康状况"/>
        </el-form-item> -->
        <el-row>
          <el-col :span="6">
            <el-form-item label="家庭病史" prop="medicalHistory">
              <el-input v-model="kycUserInfo.medicalHistory" placeholder="请输入家庭病史"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="饮食习惯" prop="dietaryHabit">
              <el-input v-model="kycUserInfo.dietaryHabit" placeholder="请输入饮食习惯"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="锻炼方式" prop="exerciseMethod">
              <el-input v-model="kycUserInfo.exerciseMethod" placeholder="请输入锻炼方式"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="兴趣爱好" prop="hobby">
              <el-input v-model="kycUserInfo.hobby" placeholder="请输入兴趣爱好"/>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="生活需求" prop="livingNeed">
              <el-input v-model="kycUserInfo.livingNeed" placeholder="请输入生活需求"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="消费习惯" prop="consumeHabit">
              <el-input v-model="kycUserInfo.consumeHabit" placeholder="请输入消费习惯"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="脾气性格" prop="temper">
              <el-input v-model="kycUserInfo.temper" placeholder="请输入脾气性格"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="出行方式" prop="tripMode">
              <el-input v-model="kycUserInfo.tripMode" placeholder="请输入出行方式"/>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="信仰" prop="belief">
              <el-select v-model="kycUserInfo.belief">
                <el-option key="'佛教'" label="佛教" value="佛教"/>
                <el-option key="'道教'" label="道教" value="道教"/>
                <el-option key="'伊斯兰教'" label="伊斯兰教" value="伊斯兰教"/>
                <el-option key="'基督教'" label="基督教" value="基督教"/>
                <el-option key="'无'" label="无" value="无"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="单位名称" prop="companyName">
              <el-input v-model="kycWork.companyName" placeholder="请输入单位名称"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="单位地址" prop="address">
              <el-input v-model="kycWork.address" placeholder="请输入单位地址"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="出差情况" prop="evection">
              <el-select v-model="kycWork.evection">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="出差地点" prop="evectionPlace">
              <el-input v-model="kycWork.evectionPlace" placeholder="请输入出差地点"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="任职部门" prop="department">
              <el-input v-model="kycWork.department" placeholder="请输入任职部门"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="职务" prop="companyPost">
              <el-input v-model="kycWork.companyPost" placeholder="请输入职务"/>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="岗位级别" prop="level">
              <el-select v-model="kycWork.level">
                <el-option key="'单位负责人'" label="单位负责人" value="单位负责人"/>
                <el-option key="'部门负责人'" label="部门负责人" value="部门负责人"/>
                <el-option key="'科室负责人'" label="科室负责人" value="科室负责人"/>
                <el-option key="'一般员工'" label="一般员工" value="一般员工"/>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="持有因公护照" prop="passport">
              <el-select v-model="kycWork.passport">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="曾去过哪里" prop="haveBeen">
              <el-input v-model="kycWork.haveBeen" placeholder="请输入任职部门"/>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="单位性质" prop="companyNature">
              <el-select v-model="kycWork.companyNature">
                <el-option key="'机关事业'" label="机关事业" value="机关事业"/>
                <el-option key="'国有'" label="国有" value="国有"/>
                <el-option key="'外企'" label="外企" value="外企"/>
                <el-option key="'民营'" label="民营" value="民营"/>
                <el-option key="'个体私营'" label="个体私营" value="个体私营"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="18">
            <el-form-item label="持有签证或曾去过" prop="country" label-width="150px">
              <el-checkbox-group v-model="countryArray" size="medium">
                <el-checkbox v-for="(item, index) in countryOptions" :key="index" :label="item.value"
                            :disabled="item.disabled">
                  {{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="其他" prop="countryOther">
              <el-input v-if="countryArray.includes('其他')" v-model="kycWork.countryOther" placeholder="请输入其他"/>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="工作经历" prop="workExperience">
              <el-input v-model="kycWork.workExperience" placeholder="请输入工作经历"/>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="生活&人生阅历" prop="life" label-width="150px">
              <el-input v-model="kycWork.life" placeholder="请输入生活&人生阅历"/>
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>


          <el-col :span="12">
            <el-form-item label="工作及学习等情况备注" prop="companyRemark" label-width="160px">
              <el-input v-model="kycWork.companyRemark" placeholder="请输入工作及学习等情况备注"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="客户风险评估" prop="risk" label-width="150px">
              <el-select v-model="kycProduct.risk">
                <el-option key="'R1保守型'" label="R1保守型" value="R1保守型"/>
                <el-option key="'R2稳健型'" label="R2稳健型" value="R2稳健型"/>
                <el-option key="'R3平衡型'" label="R3平衡型" value="R3平衡型"/>
                <el-option key="'R4成长型'" label="R4成长型" value="R4成长型"/>
                <el-option key="'R5进取型'" label="R5进取型" value="R5进取型"/>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="18">
            <el-form-item label="重点交叉产品" prop="keyProduct" label-width="150px">
              <el-checkbox-group v-model=" keyProductArray" size="medium">
                <el-checkbox v-for="(item, index) in keyProductOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="其他" prop="keyProductOther">
              <el-input v-model="kycProduct.keyProductOther" placeholder="请输入其他"/>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row>

          <el-col :span="6">
            <el-form-item label="在我行是否有贷款" prop="myLoan" label-width="150px">
              <el-select v-model="kycProduct.myLoan">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="在我行贷款类别" prop="myLoanReason" label-width="150px">
              <el-checkbox-group v-model=" myLoanReasonArray" size="medium">
                <el-checkbox v-for="(item, index) in myLoanReasonOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="其他" prop="myLoanReasonOther">
              <el-input v-model="kycProduct.myLoanReasonOther" placeholder="请输入其他贷款"/>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="在他行是否有贷款" prop="otherLoan" label-width="150px">
              <el-select v-model="kycProduct.otherLoan">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="在他行贷款类别" prop="otherLoanReason" label-width="150px">
              <el-checkbox-group v-model=" otherLoanReasonArray" size="medium">
                <el-checkbox v-for="(item, index) in otherLoanReasonOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="其他贷款" prop="otherLoanReasonOther">
              <el-input v-model="kycProduct.otherLoanReasonOther" placeholder="请输入其他贷款"/>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="信用卡张数" prop="creditCardCount">
              <el-input v-model="kycProduct.creditCardCount" placeholder="请输入信用卡张数"/>
<!--              <el-select v-model="kycProduct.creditCardCount">-->
<!--                <el-option key="1" label="0张" value="1"/>-->
<!--                <el-option key="2" label="1-3张" value="2"/>-->
<!--                <el-option key="3" label="3张以上" value="3"/>-->
<!--              </el-select>-->
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="卡基类别" prop="creditCardType">
              <el-select v-model="kycProduct.creditCardType">
                <el-option key="'普卡'" label="普卡" value="普卡"/>
                <el-option key="'金卡'" label="金卡" value="金卡"/>
                <el-option key="'白金卡'" label="白金卡" value="白金卡"/>
                <el-option key="'HI CARD卡'" label="HI CARD卡" value="HI CARD卡"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="主要在用它行信用卡情况" prop="situation">
              <el-input v-model="kycProduct.situation" placeholder="请输入主要在用它行信用卡情况"/>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="信用卡关注点" prop="focus" label-width="150px">
              <el-checkbox-group v-model=" focusArray" size="medium">
                <el-checkbox v-for="(item, index) in focusOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="借记卡" prop="debitCardType">
              <el-select v-model="kycProduct.debitCardType">
                <el-option key="'普卡'" label="普卡" value="普卡"/>
                <el-option key="'金卡'" label="金卡" value="金卡"/>
                <el-option key="'白金卡'" label="白金卡" value="白金卡"/>
                <el-option key="'钻石卡'" label="钻石卡" value="钻石卡"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="其他" prop="debitCardTypeOther">
              <el-input v-model="kycProduct.debitCardTypeOther" placeholder="请输入其他贷款"/>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label="他行卡主办行" prop="otherBank">
              <el-select v-model="kycProduct.otherBank">
                <el-option key="'工商银行'" label="工商银行" value="工商银行"/>
                <el-option key="'农业银行'" label="农业银行" value="农业银行"/>
                <el-option key="'中国银行'" label="中国银行" value="中国银行"/>
                <el-option key="'建设银行'" label="建设银行" value="建设银行"/>
                <el-option key="'交通银行'" label="交通银行" value="交通银行"/>
                <el-option key="'招商银行'" label="招商银行" value="招商银行"/>
                <el-option key="'中信银行'" label="中信银行" value="中信银行"/>
                <el-option key="'光大银行'" label="光大银行" value="光大银行"/>
                <el-option key="'兴业银行'" label="兴业银行" value="兴业银行"/>
                <el-option key="'广发银行'" label="广发银行" value="广发银行"/>
                <el-option key="'浦发银行'" label="浦发银行" value="浦发银行"/>
                <el-option key="'华夏银行'" label="华夏银行" value="华夏银行"/>
                <el-option key="'平安银行'" label="平安银行" value="平安银行"/>
                <el-option key="'浙商银行'" label="浙商银行" value="浙商银行"/>
                <el-option key="'民生银行'" label="民生银行" value="民生银行"/>
                <el-option key="'盛京银行'" label="盛京银行" value="盛京银行"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="是否借贷关联" prop="loanRelevant">
              <el-select v-model="kycProduct.loanRelevant">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="绑定情况" prop="bind">
              <el-select v-model="kycProduct.bind">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="支付绑定银行卡机构" prop="bindInstitution">
              <el-select v-model="kycProduct.bindInstitution">
                <el-option key="'工商银行'" label="工商银行" value="工商银行"/>
                <el-option key="'农业银行'" label="农业银行" value="农业银行"/>
                <el-option key="'中国银行'" label="中国银行" value="中国银行"/>
                <el-option key="'建设银行'" label="建设银行" value="建设银行"/>
                <el-option key="'交通银行'" label="交通银行" value="交通银行"/>
                <el-option key="'招商银行'" label="招商银行" value="招商银行"/>
                <el-option key="'中信银行'" label="中信银行" value="中信银行"/>
                <el-option key="'光大银行'" label="光大银行" value="光大银行"/>
                <el-option key="'兴业银行'" label="兴业银行" value="兴业银行"/>
                <el-option key="'广发银行'" label="广发银行" value="广发银行"/>
                <el-option key="'浦发银行'" label="浦发银行" value="浦发银行"/>
                <el-option key="'华夏银行'" label="华夏银行" value="华夏银行"/>
                <el-option key="'平安银行'" label="平安银行" value="平安银行"/>
                <el-option key="'浙商银行'" label="浙商银行" value="浙商银行"/>
                <el-option key="'民生银行'" label="民生银行" value="民生银行"/>
                <el-option key="'盛京银行'" label="盛京银行" value="盛京银行"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="存款" prop="depositType">
              <el-checkbox-group v-model=" depositTypeArray" size="medium">
                <el-checkbox v-for="(item, index) in depositTypeOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="其他" prop="depositTypeOther">
              <el-input v-model="kycProduct.depositTypeOther" placeholder="请输入其他贷款"/>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="理财" prop="moneyManage">
              <el-checkbox-group v-model=" moneyManageArray" size="medium">
                <el-checkbox v-for="(item, index) in moneyManageOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="信托等其他代销产品" prop="trust" label-width="150px">
              <el-select v-model="kycProduct.trust">
                <el-option key="'是'" label="是" value="是"/>
                <el-option key="'否'" label="否" value="否"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="18">
            <el-form-item label="基金" prop="fund">
              <el-checkbox-group v-model=" fundArray" size="medium">
                <el-checkbox v-for="(item, index) in fundOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="其他" prop="fundOther">
              <el-input v-model="kycProduct.fundOther" placeholder="请输入其他"/>
            </el-form-item>
          </el-col>


          <el-col :span="18">
            <el-form-item label="保险" prop="insurance">
              <el-checkbox-group v-model=" insuranceArray" size="medium">
                <el-checkbox v-for="(item, index) in insuranceOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="其他" prop="insuranceOther">
              <el-input v-model="kycProduct.insuranceOther" placeholder="请输入其他"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="已持有保险产品保险公司" prop="insuranceCompany" label-width="170px">
              <el-input v-model="kycProduct.insuranceCompany" placeholder="请输入已持有保险产品保险公司"/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="贵金属" prop="nobleMetal">
              <el-select v-model="kycProduct.nobleMetal">
                <el-option key="'金条'" label="金条" value="金条"/>
                <el-option key="'收藏类投资型'" label="收藏类投资型" value="收藏类投资型"/>
                <el-option key="'饰品型'" label="饰品型" value="饰品型"/>
                <el-option key="'其他'" label="其他" value="其他"/>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="24">
            <el-form-item label="偏爱活动主题" prop="activity">
              <el-checkbox-group v-model=" activityArray" size="medium">
                <el-checkbox v-for="(item, index) in activityOptions" :key="index" :label="item.value"
                             :disabled="item.disabled"
                >{{ item.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="其他" prop="activityOther">
              <el-input v-model="kycProduct.activityOther" placeholder="请输入其他"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注" prop="productRemark">
              <el-input v-model="kycProduct.productRemark" placeholder="请输入备注"/>
            </el-form-item>
          </el-col>
        </el-row>


      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 用户导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload.headers"
        :action="upload.url + '?updateSupport=' + upload.updateSupport"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload.updateSupport"/>
            是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate()"
          >下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm">确 定</el-button>
        <el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 金融信息用户导入对话框 -->
    <el-dialog :title="upload1.title" :visible.sync="upload1.open" width="400px" append-to-body>
      <el-upload
        ref="upload1"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload1.headers"
        :action="upload1.url + '?updateSupport=' + upload1.updateSupport"
        :disabled="upload1.isUploading"
        :on-progress="handleFileUploadProgress1"
        :on-success="handleFileSuccess1"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload1.updateSupport"/>
            是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate1()"
          >下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm1">确 定</el-button>
        <el-button @click="upload1.open = false">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 权限导入对话框 -->
    <el-dialog :title="upload2.title" :visible.sync="upload2.open" width="400px" append-to-body>
      <el-upload
        ref="upload2"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload2.headers"
        :action="upload2.url + '?updateSupport=' + upload2.updateSupport"
        :disabled="upload2.isUploading"
        :on-progress="handleFileUploadProgress2"
        :on-success="handleFileSuccess2"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload2.updateSupport"/>
            是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate2()"
          >下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm2">确 定</el-button>
        <el-button @click="upload2.open = false">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 用户信息导出对话框 -->
    <el-dialog :visible.sync="outputUser" width="30%">
      <el-form>
        <el-form-item label="请输入用户编号" label-width="100px">
          <el-input v-model="kycUserInfo.userId" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="outputUser = false">取 消</el-button>
        <el-button type="primary" @click="handleExport">确 定</el-button>
      </div>
    </el-dialog>

    <!-- 添加标签对话框 -->
    <el-dialog :visible.sync="dialogFormVisible" width="30%">
      <el-form>
        <el-form-item label="请输入标签" label-width="100px">
          <el-input v-model="labelName" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="addLabel">确 定</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import {
  filterKycUserInfo,
  listInfo,
  getInfo,

  getInfo1,
  delInfo,
  addInfo,
  updateInfo,
  LabelsList,
  handleUser
  // getWork
} from '@/api/kycinfo/userinfo'
import { getWorkByUserInfoId } from '@/api/kycinfo/work'
import { getProductByUserInfoId } from '@/api/kycinfo/product'
import { getFinanceByUserInfoId } from '@/api/kycinfo/finance'
import { getToken } from '@/utils/auth'
import { addLabels } from '@/api/kycinfo/label'

export default {
  name: 'Info',
  data() {
    return {
      valueDanger: '',
      valueHobby: '',
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 个人家庭情况表格数据
      infoList: [],
      //标签
      labelsList: [],
      // 弹出层标题
      title: '',
      // 是否显示弹出层
      openEdit: false,
      openDetailFamily: false,
      openDetailWork: false,
      openDetailProduce: false,
      openDetailFinance: false,
      // 记录详情页查询的kycUserInfo的userInfoId
      kycUserInfoId: 0,
      // 查询参数


      // clienTypeArray: [],
      // educationArray: [],
      // carTypeArray: [],
      // houseSourceArray: [],
      // countryArray: [],
      // keyProductArray: [],
      // myLoanReasonArray: [],
      // otherLoanReasonArray: [],
      // focusArray: [],
      // depositTypeArray: [],
      // moneyManageArray: [],
      // fundArray: [],
      // insuranceArray: [],
      // activityArray: [],



      kycUserInfo: {
        createBy: null,
        createTime: '',
        updateBy: null,
        updateTime: '',
        remark: null,
        userInfoId: null,
        name: '',
        gender: '',
        age: null,
        weChat: '',
        contactTime: '',
        nativePlace: '',
        clienType: '',
        marriage: '',
        education: '',
        houseCount: null,
        houseSource: '',
        hosueType1: '',
        houseAddress1: '',
        hosueType2: '',
        houseAddress2: '',
        carCount: null,
        userId: null,
        nickName: null,
        carSource: '',
        carType: '',
        carBrank: '',
        medicalHistory: '',
        dietaryHabit: '',
        exerciseMethod: '',
        hobby: '',
        livingNeed: '',
        consumeHabit: '',
        temper: '',
        tripMode: '',
        belief: ''
      },
      //
      kycFamilyList: new Array(5).fill().map(() => ({
        familyName: '',
        familyPost: '',
        myClient: 0,
        familyBirth: null,
        familyHobby: '',
        relationship: '',
        occupation: '',
        familyRemark: ''
      })),
      kycWork: {
        createBy: null,
        createTime: '',
        updateBy: null,
        updateTime: '',
        remark: null,
        workId: null,
        userInfoId: null,
        companyName: '',
        address: '',
        evection: '',
        evectionPlace: '',
        department: '',
        companyPost: '',
        level: '',
        passport: '',
        haveBeen: '',
        companyNature: '',
        country: '',
        workExperience: '',
        life: '',
        companyRemark: '',
        countryOther:''
      },
      kycProduct: {
        createBy: null,
        createTime: '',
        updateBy: null,
        updateTime: '',
        remark: null,
        productId: null,
        userInfoId: null,
        risk: '',
        keyProduct: '',
        myLoan: '',
        myLoanReason: '',
        otherLoan: '',
        otherLoanReason: '',
        creditCardCount: null,
        creditCardType: '',
        situation: '',
        focus: '',
        debitCardType: '',
        otherBank: '',
        loanRelevant: '',
        bind: '',
        bindInstitution: '',
        depositType: '',
        moneyManage: '',
        trust: '',
        fund: '',
        insurance: '',
        insuranceCompany: '',
        nobleMetal: '',
        activity: '',
        productRemark: ''
      },
      rules: {
        clienType: [],
        education: [],
        houseSource: [],

        country: [],

        keyProduct: [],
        myLoanReason: [],
        otherLoanReason: [],
        focus: [],
        depositType: [],
        moneyManage: [],
        fund: [],
        insurance: [],
        activity: [],
        carType: []
      },
      clienTypeOptions: [{
        'label': '初出茅庐',
        'value': '初出茅庐'
      }, {
        'label': '事业刚刚起步',
        'value': '事业刚刚起步'
      }, {
        'label': '事业小有成就',
        'value': '事业小有成就'
      }, {
        'label': '中年富有',
        'value': '中年富有'
      }, {
        'label': '退休富有',
        'value': '退休富有'
      }, {
        'label': '退休不富有',
        'value': '退休不富有'
      }, {
        'label': '学生',
        'value': '学生'
      }, {
        'label': '家庭主妇',
        'value': '家庭主妇'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      educationOptions: [{
        'label': '国内',
        'value': '国内'
      }, {
        'label': '国外',
        'value': '国外'
      }, {
        'label': '硕士及以上',
        'value': '硕士及以上'
      }, {
        'label': '本科',
        'value': '本科'
      }, {
        'label': '专科及以下',
        'value': '专科及以下'
      }],
      carTypeOptions: [{
        'label': '吉普',
        'value': '吉普'
      }, {
        'label': '轿车',
        'value': '轿车'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      houseSourceOptions: [{
        'label': '父母购置',
        'value': '父母购置'
      }, {
        'label': '自购无贷款',
        'value': '自购无贷款'
      }, {
        'label': '自购有贷款',
        'value': '自购有贷款'
      }, {
        'label': '公积金贷款',
        'value': '公积金贷款'
      }, {
        'label': '商业贷款',
        'value': '商业贷款'
      }, {
        'label': '组合贷',
        'value': '组合贷'
      }],
      countryOptions: [{
        'label': '美国',
        'value': '美国'
      }, {
        'label': '加拿大',
        'value': '加拿大'
      }, {
        'label': '英国',
        'value': '英国'
      }, {
        'label': '澳大利亚',
        'value': '澳大利亚'
      }, {
        'label': '新西兰',
        'value': '新西兰'
      }, {
        'label': '申根',
        'value': '申根'
      }, {
        'label': '日本',
        'value': '日本'
      }, {
        'label': '韩国',
        'value': '韩国'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      keyProductOptions: [{
        'label': '活期',
        'value': '活期'
      }, {
        'label': '定期',
        'value': '定期'
      }, {
        'label': 'T+0',
        'value': 'T+0'
      }, {
        'label': '理财',
        'value': '理财'
      }, {
        'label': '基金',
        'value': '基金'
      }, {
        'label': '保险',
        'value': '保险'
      }, {
        'label': '贵金属',
        'value': '贵金属'
      }, {
        'label': '手机银行',
        'value': '手机银行'
      }, {
        'label': '证书版网银',
        'value': '证书版网银'
      }, {
        'label': '信用卡',
        'value': '信用卡'
      }, {
        'label': '个贷',
        'value': '个贷'
      }, {
        'label': '三方存管',
        'value': '三方存管'
      }, {
        'label': '代发工资',
        'value': '代发工资'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      myLoanReasonOptions: [{
        'label': '一手房按揭',
        'value': '一手房按揭'
      }, {
        'label': '二手房按揭',
        'value': '二手房按揭'
      }, {
        'label': '房抵贷',
        'value': '房抵贷'
      }, {
        'label': '公积金网贷',
        'value': '公积金网贷'
      }, {
        'label': '出国留学贷款',
        'value': '出国留学贷款'
      }, {
        'label': '其他贷款',
        'value': '其他贷款'
      }],
      otherLoanReasonOptions: [{
        'label': '一手房按揭',
        'value': '一手房按揭'
      }, {
        'label': '二手房按揭',
        'value': '二手房按揭'
      }, {
        'label': '房抵贷',
        'value': '房抵贷'
      }, {
        'label': '公积金网贷',
        'value': '公积金网贷'
      }, {
        'label': '出国留学贷款',
        'value': '出国留学贷款'
      }, {
        'label': '其他贷款',
        'value': '其他贷款'
      }],
      focusOptions: [{
        'label': '客户权益',
        'value': '客户权益'
      }, {
        'label': '费用优惠',
        'value': '费用优惠'
      }, {
        'label': '特色权益',
        'value': '特色权益'
      }, {
        'label': '卡面设计',
        'value': '卡面设计'
      }, {
        'label': '增值服务',
        'value': '增值服务'
      }, {
        'label': '安全便携',
        'value': '安全便携'
      }, {
        'label': '功能优越',
        'value': '功能优越'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      depositTypeOptions: [{
        'label': '活期',
        'value': '活期'
      }, {
        'label': '定期',
        'value': '定期'
      }, {
        'label': '结构性',
        'value': '结构性'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      moneyManageOptions: [{
        'label': '预期收益型',
        'value': '预期收益型'
      }, {
        'label': '净值型',
        'value': '净值型'
      }, {
        'label': 'T+0理财',
        'value': 'T+0理财'
      }],
      fundOptions: [{
        'label': '货币型',
        'value': '货币型'
      }, {
        'label': '混合型',
        'value': '混合型'
      }, {
        'label': '指数型',
        'value': '指数型'
      }, {
        'label': '股票型',
        'value': '股票型'
      }, {
        'label': '私募',
        'value': '私募'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      insuranceOptions: [{
        'label': '期缴型',
        'value': '期缴型'
      }, {
        'label': '泵缴型',
        'value': '泵缴型'
      }, {
        'label': '年金型',
        'value': '年金型'
      }, {
        'label': '分红型',
        'value': '分红型'
      }, {
        'label': '重疾型',
        'value': '重疾型'
      }, {
        'label': '其他',
        'value': '其他'
      }],
      activityOptions: [{
        'label': '财富管理',
        'value': '财富管理'
      }, {
        'label': '亲子教育',
        'value': '亲子教育'
      }, {
        'label': '健康管理',
        'value': '健康管理'
      }, {
        'label': '文艺活动',
        'value': '文艺活动'
      }, {
        'label': '体育运动',
        'value': '体育运动'
      }, {
        'label': '升学留学',
        'value': '升学留学'
      }, {
        'label': '形象提升',
        'value': '形象提升'
      }, {
        'label': '专业咨询',
        'value': '专业咨询'
      }, {
        'label': '其他',
        'value': '其他'
      }],

      queryParams: {
        pageNum: 1,
        pageSize: 10,
        userInfoId: null,
        name: null,
        gender: null,
        age: null,
        weChat: null,
        contactTime: null,
        nativePlace: null,
        clienType: null,
        marriage: null,
        education: null,
        houseCount: null,
        houseSource: null,
        hosueType1: null,
        houseAddress1: null,
        hosueType2: null,
        houseAddress2: null,
        carCount: null,
        userId: null,
        carSource: null,
        carType: null,
        carBrank: null,
        health: null,
        medicalHistory: null,
        dietaryHabit: null,
        exerciseMethod: null,
        hobby: null,
        livingNeed: null,
        consumeHabit: null,
        temper: null,
        tripMode: null,
        belief: null,

        workId: null,
        companyName: null,
        address: null,
        evection: null,
        evectionPlace: null,
        department: null,
        companyPost: null,
        level: null,
        passport: null,
        haveBeen: null,
        companyNature: null,
        country: null,
        workExperience: null,
        life: null,
        companyRemark: null,
        createTime: null,
        updateTime: null,

        productId: null,
        risk: null,
        keyProduct: null,
        myLoan: null,
        myLoanReason: null,
        otherLoan: null,
        otherLoanReason: null,
        creditCardCount: null,
        creditCardType: null,
        situation: null,
        focus: null,
        debitCardType: null,
        otherBank: null,
        loanRelevant: null,
        bind: null,
        bindInstitution: null,
        depositType: null,
        moneyManage: null,
        trust: null,
        fund: null,
        insurance: null,
        insuranceCompany: null,
        nobleMetal: null,
        activity: null,
        productRemark: null,

        nickName: null,
        createBy: null,
        updateBy: null,

        contactId: null,
        date: null,
        phone: null,
        contactStatus: null,
        recommend: null,
        result: null,
        followDate: null,
        followWay: null,
        followIntention: null,
        contactRemark: null,

        potentialId: null,
        potentialName: null,
        relationship: null,
        isMyClient: null,
        preference: null,
        label: null,
      },

      // 表单参数
      form: {},
      // 表单校验
      rules: {},
      contentStyle: {
        'text-align': 'center'
      },
      //label样式
      labelStyle: { 'width': '200px' },
      upload: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: '',
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: { Authorization: 'Bearer ' + getToken() },
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + '/kyc/importData'
      },
      upload1: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: '',
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: { Authorization: 'Bearer ' + getToken() },
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + '/kyc/importFinanceData'
      },
      upload2: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: '',
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: { Authorization: 'Bearer ' + getToken() },
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + '/kyc/importChangeData'
      },

      //添加标签
      dialogFormVisible: false,
      labelName: '',
      outputUser: false,
      // userId: '',
      selectedUsers: [],
      userPermissions:[]
    }
  },

  computed: {
    clienTypeArray: {
      get() {
      const predefinedOptions = this.clienTypeOptions.map(option => option.value);
      if (!this.kycUserInfo.clienType) {
        return [];
      }

      let allTypes = this.kycUserInfo.clienType.split(',');
      let standardTypes = allTypes.filter(type => predefinedOptions.includes(type.trim()));
      let otherTypes = allTypes.filter(type => !predefinedOptions.includes(type.trim()));

      if (standardTypes.includes('其他') && otherTypes.length > 0) {
        this.kycUserInfo.clienTypeOther = otherTypes.join(',').trimStart();
      } else if (!standardTypes.includes('其他')) {
        this.kycUserInfo.clienTypeOther = '';
      }

      return standardTypes;
    },
      set(newValue) {
  // 获取基础类型列表（排除 '其他'）
  let baseTypes = this.clienTypeOptions.map(option => option.value).filter(value => value !== '其他');

  // 筛选出已选择的基础类型
  let selectedBaseTypes = newValue.filter(value => baseTypes.includes(value));

  // 检查是否选中 '其他'
  let hasOtherType = newValue.includes('其他');
  let finalTypes = selectedBaseTypes;

  if (hasOtherType) {
    finalTypes.push('其他'); // 添加 '其他' 到最终类型列表
  }

  // 将最终类型列表合并为一个字符串
  this.kycUserInfo.clienType = finalTypes.join(',');

  // 'clienTypeOther' 字段保持不变
}

    },

    countryArray: {
  get() {
    const predefinedOptions = this.countryOptions.map(option => option.value);
    if (!this.kycWork.country) {
      return [];
    }

    let allCountries = this.kycWork.country.split(',');
    let standardCountries = allCountries.filter(country => predefinedOptions.includes(country.trim()));
    let otherCountries = allCountries.filter(country => !predefinedOptions.includes(country.trim()));

    if (standardCountries.includes('其他') && otherCountries.length > 0) {
      this.kycWork.countryOther = otherCountries.join(',').trim();
    } else if (!standardCountries.includes('其他')) {
      this.kycWork.countryOther = '';
    }

    return standardCountries;
  },
  set(newValue) {
    let finalCountries = newValue.filter(item => item !== '其他');

    if (newValue.includes('其他')) {
      finalCountries.push('其他');
      let otherCountriesToAdd = this.kycWork.countryOther.split(',')
                                .map(country => country.trim())
                                .filter(country => country && country !== '其他');

      otherCountriesToAdd = otherCountriesToAdd.filter(country => !this.kycWork.country.includes(country));
      finalCountries = [...new Set([...finalCountries, ...otherCountriesToAdd])];
    }

    this.kycWork.country = finalCountries.join(',');
  }
},





    educationArray: {
      get() {
        // 将字符串转换为数组
        return this.kycUserInfo.education ? this.kycUserInfo.education.split(',').filter(Boolean) : []
        // return this.kycUserInfo.education.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycUserInfo.education = newValue.join(',')
      }
    },

    carTypeArray: {
      get() {
        // 将字符串转换为数组
        return this.kycUserInfo.carType ? this.kycUserInfo.carType.split(',').filter(Boolean) : []
        // return this.kycUserInfo.carType.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycUserInfo.carType = newValue.join(',')
      }
    },
    houseSourceArray: {
      get() {
        // 将字符串转换为数组
        return this.kycUserInfo.houseSource ? this.kycUserInfo.houseSource.split(',').filter(Boolean) : []

        // return this.kycUserInfo.houseSource.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycUserInfo.houseSource = newValue.join(',')
      }
    },
    countryArray: {
      get() {
        // 将字符串转换为数组
        return this.kycWork.country ? this.kycWork.country.split(',').filter(Boolean) : []

        // return this.kycWork.country.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycWork.country = newValue.join(',')
      }
    },

    keyProductArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.keyProduct ? this.kycProduct.keyProduct.split(',').filter(Boolean) : []

        // return this.kycProduct.keyProduct.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.keyProduct = newValue.join(',')
      }
    },
    myLoanReasonArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.myLoanReason ? this.kycProduct.myLoanReason.split(',').filter(Boolean) : []

        return this.kycProduct.myLoanReason.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.myLoanReason = newValue.join(',')
      }
    },
    otherLoanReasonArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.otherLoanReason ? this.kycProduct.otherLoanReason.split(',').filter(Boolean) : []

        // return this.kycProduct.otherLoanReason.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.otherLoanReason = newValue.join(',')
      }
    },

    focusArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.focus ? this.kycProduct.focus.split(',').filter(Boolean) : []

        // return this.kycProduct.focus.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.focus = newValue.join(',')
      }
    },
    depositTypeArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.depositType ? this.kycProduct.depositType.split(',').filter(Boolean) : []

        // return this.kycProduct.depositType.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.depositType = newValue.join(',')
      }
    },
    moneyManageArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.moneyManage ? this.kycProduct.moneyManage.split(',').filter(Boolean) : []

        // return this.kycProduct.moneyManage.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.moneyManage = newValue.join(',')
      }
    },
    fundArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.fund ? this.kycProduct.fund.split(',').filter(Boolean) : []

        // return this.kycProduct.fund.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.fund = newValue.join(',')
      }
    },
    insuranceArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.insurance ? this.kycProduct.insurance.split(',').filter(Boolean) : []

        // return this.kycProduct.insurance.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.insurance = newValue.join(',')
      }
    },
    activityArray: {
      get() {
        // 将字符串转换为数组
        return this.kycProduct.activity ? this.kycProduct.activity.split(',').filter(Boolean) : []

        // return this.kycProduct.activity.split(',').filter(Boolean)
      },
      set(newValue) {
        // 将数组转换为字符串并更新
        this.kycProduct.activity = newValue.join(',')
      }
    },

  },

  created() {
    this.getList()
    this.getLabels()

  },
  methods: {
    handleMyClientChange(value, index) {
    this.$set(this.kycFamilyList, index, { ...this.kycFamilyList[index], myClient: value });
  },
  updateFamilyBirth(newDate, index) {
    this.$set(this.kycFamilyList, index, { ...this.kycFamilyList[index], familyBirth: newDate });
  },
    /** 条件查询 个人情况列表 */
    filterList() {
      this.loading = true
      // this.queryParams.education = this.queryParams.educationArr.join(",")
      filterKycUserInfo(this.queryParams).then(response => {
        this.infoList = response.rows
        this.total = response.total
        this.loading = false
      })
    },

    /** 查询 个人情况列表 */
    getList() {
      this.loading = true
      listInfo(this.queryParams).then(response => {
        this.infoList = response.rows
        this.total = response.total
        this.loading = false
      }).catch(error => {
      console.error('获取数据失败', error);
    });
    },
    // 取消按钮
    cancel() {
      this.openEdit = false
      this.openDetailFamily = false
      this.openDetailWork = false
      this.openDetailProduce = false
      this.reset()
    },
    // 表单重置
    reset() {
      this.form = {
        nickName: null,
        queryParams: null,
        userInfoId: null,
        name: null,
        gender: null,
        age: null,
        weChat: null,
        contactTime: null,
        nativePlace: null,
        clienType: null,
        marriage: null,
        education: null,
        houseCount: null,
        houseSource: null,
        hosueType1: null,
        houseAddress1: null,
        hosueType2: null,
        houseAddress2: null,
        carCount: null,
        userId: null,
        carSource: null,
        carType: null,
        carBrank: null,
        health: null,
        medicalHistory: null,
        dietaryHabit: null,
        exerciseMethod: null,
        hobby: null,
        livingNeed: null,
        consumeHabit: null,
        temper: null,
        tripMode: null,
        belief: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        workId: null,
        companyName: null,
        address: null,
        evection: null,
        evectionPlace: null,
        department: null,
        companyPost: null,
        level: null,
        passport: null,
        haveBeen: null,
        companyNature: null,
        country: null,
        workExperience: null,
        life: null,
        companyRemark: null,
        productId: null,
        risk: null,
        keyProduct: null,
        myLoan: null,
        myLoanReason: null,
        otherLoan: null,
        otherLoanReason: null,
        creditCardCount: null,
        creditCardType: null,
        situation: null,
        focus: null,
        debitCardType: null,
        otherBank: null,
        loanRelevant: null,
        bind: null,
        bindInstitution: null,
        depositType: null,
        moneyManage: null,
        trust: null,
        fund: null,
        insurance: null,
        insuranceCompany: null,
        nobleMetal: null,
        activity: null,
        productRemark: null,
        potentialId: null,
        potentialName: null,
        relationship: null,
        isMyClient: null,
        preference: null,
        contactId: null,
        date: null,
        phone: null,
        contactStatus: null,
        recommend: null,
        result: null,
        followDate: null,
        followWay: null,
        followIntention: null,
        contactRemark: null,
        label: null
      }
      this.resetForm('form')
      this.labelName = null
      this.kycUserInfo.userId = null
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.filterList()
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm('queryForm')
      this.handleQuery()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.userInfoId)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.openEdit = true
      this.title = '添加个人家庭情况'
    },
    //重置表单数据
    // resetForm() {
    //   this.form = {}; // 重置表单数据
    //   this.openDetailFamily = false;
    //   this.openEdit = false;
    // },

    /** 修改按钮操作 */
    handleUpdate(row) {
      // this.reset()
      this.resetForm()
      const userInfoId = row.userInfoId || this.ids

      getInfo1(userInfoId).then(response => {
        const data = response.data
        this.kycUserInfo = data.kycUserInfo || {}
        // this.kycFamilyList = data.kycFamilyList || [];
        // 重置 kycFamilyList
        this.kycFamilyList = new Array(5).fill().map(() => ({
          familyName: '',
          familyPost: '',
          myClient: '',
          familyBirth: '',
          familyHobby: '',
          relationship: '',
          occupation: '',
          familyRemark: ''
        }))
        // 映射接口返回的家庭成员数据到 kycFamilyList
        if (data.kycFamilyList && data.kycFamilyList.length) {
          data.kycFamilyList.forEach((familyMember, index) => {
            if (index < this.kycFamilyList.length) {
              this.kycFamilyList[index] = { ...familyMember }
            }
          });
        } else {
          console.log("kycFamilyList is empty or undefined.");
        }
        this.kycWork = data.kycWork || {}
        this.kycProduct = data.kycProduct || {}
        // 确保在任何情况下都打开编辑窗口

        // 确保 clienTypeOther 只包含预期的值
        if (this.kycUserInfo.clienType) {
          const predefinedTypes = this.clienTypeOptions.map(option => option.value);
          const currentTypes = this.kycUserInfo.clienType.split(',');
          const otherTypes = currentTypes.filter(type => !predefinedTypes.includes(type.trim()));
          if (otherTypes.length > 0) {
            this.kycUserInfo.clienTypeOther = otherTypes.join(',');
          }
        }
        this.openEdit = true;
        this.title = '修改客户信息';
        }).catch(error => {
          console.error('Error in handleUpdate:', error);
          this.openEdit = true;  // 确保即使有错误也能打开编辑窗口
          this.title = '修改客户信息';
      })
    },
    /** 详情按钮操作 */
    handleDetail(row) {
      this.resetForm()
      const userInfoId = row.userInfoId || this.ids
      this.kycUserInfoId = userInfoId
      getInfo(userInfoId).then(response => {
        this.form = response.data
        this.openDetailFamily = true   // 打开个人基本信息页面
        // this.title = "个人家庭情况";
      })
    },
    // 请求个人基本情况数据
    openUserInfo() {
      getInfo(this.kycUserInfoId).then(response => {
        this.form = response.data
        this.openDetailWork = false
        this.openDetailFamily = true   // 打开个人基本信息页面
        this.openDetailProduce = false
        this.openDetailFinance = false
        // this.title = "个人家庭情况";
      })
    },

    // 请求工作情况数据
    openWork() {
      getWorkByUserInfoId(this.kycUserInfoId).then(response => {
        this.form = response.data
        this.openDetailWork = true   // 打开个人工作信息页面
        console.log(this.name)
        this.openDetailFamily = false
        this.openDetailProduce = false
        this.openDetailFinance = false
        // this.title = "个人家庭情况";
      })
    },

    // 请求金融产品信息页面
    openProduct() {
      getProductByUserInfoId(this.kycUserInfoId).then(response => {
        this.form = response.data
        this.openDetailWork = false
        this.openDetailFamily = false
        this.openDetailProduce = true   // 打开金融产品信息页面
        this.openDetailFinance = false
        // this.title = "个人家庭情况";
      })
    },

    // 请求金融信息页面
    openFinance() {
      getFinanceByUserInfoId(this.kycUserInfoId).then(response => {
        this.form = response.data
        this.openDetailWork = false
        this.openDetailFamily = false
        this.openDetailProduce = false
        this.openDetailFinance = true// 打开金融信息页面
        // this.title = "金融信息";
      })
    },

    // 关闭详情页面的小窗口
    closeDetail() {
      // this.openDetailWork = false
      // this.openDetailFamily = false
      this.openDetailFinance = false
    },

    // handleDetailWork(row) {
    //   const userInfoId = row.userInfoId || this.ids
    //   getWork(userInfoId).then(response => {
    //     this.form = response.data;
    //     this.openDetailWork = true;
    //     // this.title = "个人家庭情况";
    //   });
    // },
    /** 提交按钮 */
    updateFamilyList(index, key, value) {
      // 使用 Vue.set 来确保更新是响应式的
      this.$set(this.kycFamilyList[index], key, value);
      this.$forceUpdate(); // 手动触发重新渲染
    },
    submitForm() {
      if (this.kycUserInfo.clienType.includes('其他') && this.kycUserInfo.clienTypeOther) {
        this.kycUserInfo.clienType = this.kycUserInfo.clienType.concat(`, ${this.kycUserInfo.clienTypeOther}`);
      }

      if (this.countryArray.includes('其他') && this.kycWork.countryOther) {
      this.kycWork.country = this.kycWork.country.concat(`, ${this.kycWork.countryOther}`);
      }


      console.log(this.kycWork) // 打印 kycWork 状态
      this.$refs['form'].validate(valid => {
        if (valid) {
          let dataToSubmit = {
            kycUserInfo: this.kycUserInfo,
            kycFamilyList: this.kycFamilyList,
            kycWork: this.kycWork,
            kycProduct: this.kycProduct
            // ... 其他相关数据
          }
          if (this.clienTypeArray.includes('其他')) {
            dataToSubmit.kycUserInfo.clienTypeOther = this.kycUserInfo.clienTypeOther;
          }

          updateInfo(dataToSubmit).then(response => {
            console.log('更新成功', response);
            this.getList(); // 这里调用 getList 方法重新获取数据
            this.openEdit = false; // 关闭编辑对话框
          }).catch(error => {
            console.error('更新失败', error);
          });
        } else {
          console.log('验证失败');
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const userInfoIds = row.userInfoId || this.ids
      this.$modal.confirm('是否确认删除客户号为"' + userInfoIds + '"的数据项？').then(function() {
        return delInfo(userInfoIds)
      }).then(() => {
        this.getList()
        this.$modal.msgSuccess('删除成功')
      }).catch(() => {
      })
    },
    /** 导出按钮操作 */
    // handleExport() {
    //   this.download('system/userlist/export', {
    //     ...this.queryParams
    //   }, `info_${new Date().getTime()}.xlsx`)
    // },
    /** 导入按钮操作 */
    handleImport() {
      this.upload.title = '用户导入'
      this.upload.open = true
    },
    /** 下载模板操作 */
    importTemplate() {
      let a = document.createElement('a')
      a.href = '/static/kycInfo.xlsx'
      a.download = 'kycInfo.xlsx'
      console.log(a.href)
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click()
      a.remove()
      // this.download('system/userinfo/importTemplate', {
      // }, `user_template_${new Date().getTime()}.xlsx`)
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false
      this.upload.isUploading = false
      this.$refs.upload.clearFiles()
      this.$alert('<div style=\'overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;\'>' + response.msg + '</div>', '导入结果', { dangerouslyUseHTMLString: true })
      this.getList()
    },
    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit()
    },

    /** 金融信息导入按钮操作 */
    handleImport1() {
      this.upload1.title = '金融信息导入'
      this.upload1.open = true
    },
    /** 下载模板操作 */
    importTemplate1() {
      let a = document.createElement('a')
      a.href = '/static/financeinfo.xlsx'
      a.download = 'financeinfo.xlsx'
      console.log(a.href)
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click()
      a.remove()
    },
    // 文件上传中处理
    handleFileUploadProgress1(event, file, fileList) {
      this.upload1.isUploading = true
    },
    // 文件上传成功处理
    handleFileSuccess1(response, file, fileList) {
      this.upload1.open = false
      this.upload1.isUploading = false
      this.$refs.upload1.clearFiles()
      this.$alert('<div style=\'overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;\'>' + response.msg + '</div>', '导入结果', { dangerouslyUseHTMLString: true })
      this.getList()
    },
    // 提交上传文件
    submitFileForm1() {
      this.$refs.upload1.submit()
    },

    //用户权限导入
    handleImport2() {
      this.upload2.title = '用户权限导入'
      this.upload2.open = true
    },
    /** 下载模板操作 */
    importTemplate2() {
      let a = document.createElement('a')
      a.href = '/static/change.xlsx'
      a.download = 'change.xlsx'
      console.log(a.href)
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click()
      a.remove()
    },
    // 文件上传中处理
    handleFileUploadProgress2(event, file, fileList) {
      this.upload2.isUploading = true
    },
    // 文件上传成功处理
    handleFileSuccess2(response, file, fileList) {
      this.upload2.open = false
      this.upload2.isUploading = false
      this.$refs.upload2.clearFiles()
      this.$alert('<div style=\'overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;\'>' + response.msg + '</div>', '导入结果', { dangerouslyUseHTMLString: true })
      this.getList()
    },
    // 提交上传文件
    submitFileForm2() {
      this.$refs.upload2.submit()
    },
    // 清空标签历史数据
    clearData() {
      this.labelsList = []
    },

    // 计数器
    handleChange(value) {
      console.log(value)
    },

    showLastPageMessage() {
      // 显示消息提示
      this.$message({
        message: '已经是最后一页啦',
        type: 'info'
      })
    },

    /** 添加标签 */
    addLabel(row) {
      if (!this.labelName) {
        this.$message.error('请输入标签名')
        return
      }
      this.dialogFormVisible = false
      // 发送请求给后端接口
      const selectedUserIds = row.userInfoId || this.ids
      const dataToSend = {
        userInfoIdList: selectedUserIds,
        label: this.labelName
      }
      addLabels(dataToSend)
        .then(response => {
          this.$message.success('添加成功')
          //location.reload();
          this.getList()
          this.clearData()
          this.getLabels()
        })
        .catch(error => {
          this.$message.error('添加失败，请重试')
        })
      this.reset()
    },

    //获取标签
    getLabels() {
      LabelsList().then(response => {
        // console.log('response:'+response)
        // const result = response.rows;
        const result = response

        // console.log('result:'+result)
        result.forEach(element => {
          // this.labelsList.push({label:element.label,value:element.label});
          this.labelsList.push({ label: element, value: element })
        })
      }).catch(error => {
        console.log(error)
      })
    },

    // handleExport() {
    //   const queryParams = this.queryParams;
    //   this.$confirm('是否确认导出该用户数据项?', "警告", {
    //     confirmButtonText: "确定",
    //     cancelButtonText: "取消",
    //     type: "warning"
    //   }).then(function() {
    //     return exportUser(queryParams);
    //   }).then(response => {
    //     this.download(response.msg);
    //   }).catch(function() {});
    // },
    /** 导出按钮操作 */
    handleExport() {
      const userId = this.kycUserInfo.userId
      if (!userId) {
        this.$message.error('请输入用户编号')
        return
      }
      console.log(userId)
      try{
        this.download('kyc/userInfoExport',
          { 'userId': userId }
          , `user_${new Date().getTime()}.xlsx`)
      }catch(error){
        this.$message.error("导出失败，请重试");
      }


      // handleUser(nickName).then(response => {
      //   this.download(response.msg)
      // }).catch(error => {
      //   this.$message.error("导出失败，请重试");
      // });
      this.reset()
      this.outputUser = false
    },
    //用户昵称权限
    hasPermission(permissions) {
      const userRoles =this.$store.state.user.roles
      this.userPermissions= userRoles
      return permissions.some(permission => this.userPermissions.includes(permission));
    },
  }
}
</script>
